<link rel="stylesheet" href="__PUBLIC__/Home/style/list.css" type="text/css">
<script type="__PUBLIC__/Home/text/javascript" src="js/list.js"></script>
<style>
    .pagination {
        display: inline-block;
        padding-left: 0;
        margin: 20px 0;
        border-radius: 4px;
    }
    .pagination>li>a, .pagination>li>span {
        position: relative;
        float: left;
        padding: 6px 12px;
        margin-left: -1px;
        line-height: 1.42857143;
        color: #428bca;
        text-decoration: none;
        background-color: #fff;
        border: 1px solid #ddd;
    }
</style>
<include file="Common/nav"/>
<!-- 列表主体 start -->
<div class="list w1210 bc mt10">
    <!-- 面包屑导航 start -->
    <div class="breadcrumb">
        <h2>当前位置：<a href="">首页</a> > <a href="">电脑、办公</a></h2>
    </div>
    <!-- 面包屑导航 end -->

    <!-- 左侧内容 start -->
    <div class="list_left fl mt10">
        <!-- 分类列表 start -->
        <div class="catlist">
            <h2>电脑、办公</h2>
            <div class="catlist_wrap">
                <div class="child">
                    <h3 class="on"><b></b>电脑整机</h3>
                    <ul>
                        <li><a href="">笔记本</a></li>
                        <li><a href="">超极本</a></li>
                        <li><a href="">平板电脑</a></li>
                    </ul>
                </div>

                <div class="child">
                    <h3><b></b>电脑配件</h3>
                    <ul class="none">
                        <li><a href="">CPU</a></li>
                        <li><a href="">主板</a></li>
                        <li><a href="">显卡</a></li>
                    </ul>
                </div>

                <div class="child">
                    <h3><b></b>办公打印</h3>
                    <ul class="none">
                        <li><a href="">打印机</a></li>
                        <li><a href="">一体机</a></li>
                        <li><a href="">投影机</a></li>
                        </li>
                    </ul>
                </div>

                <div class="child">
                    <h3><b></b>网络产品</h3>
                    <ul class="none">
                        <li><a href="">路由器</a></li>
                        <li><a href="">网卡</a></li>
                        <li><a href="">交换机</a></li>
                        </li>
                    </ul>
                </div>

                <div class="child">
                    <h3><b></b>外设产品</h3>
                    <ul class="none">
                        <li><a href="">鼠标</a></li>
                        <li><a href="">键盘</a></li>
                        <li><a href="">U盘</a></li>
                    </ul>
                </div>
            </div>

            <div style="clear:both; height:1px;"></div>
        </div>
        <!-- 分类列表 end -->

        <div style="clear:both;"></div>

        <!-- 新品推荐 start -->
        <div class="newgoods leftbar mt10">
            <h2><strong>新品推荐</strong></h2>
            <div class="leftbar_wrap">
                <ul>
                    <li>
                        <dl>
                            <dt><a href=""><img src="images/list_hot1.jpg" alt="" /></a></dt>
                            <dd><a href="">美即流金丝语悦白美颜新年装4送3</a></dd>
                            <dd><strong>￥777.50</strong></dd>
                        </dl>
                    </li>

                    <li>
                        <dl>
                            <dt><a href=""><img src="images/list_hot2.jpg" alt="" /></a></dt>
                            <dd><a href="">领券满399减50 金斯利安多维片</a></dd>
                            <dd><strong>￥239.00</strong></dd>
                        </dl>
                    </li>

                    <li class="last">
                        <dl>
                            <dt><a href=""><img src="images/list_hot3.jpg" alt="" /></a></dt>
                            <dd><a href="">皮尔卡丹pierrecardin 男士长...</a></dd>
                            <dd><strong>￥1240.50</strong></dd>
                        </dl>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 新品推荐 end -->

        <!--热销排行 start -->
        <div class="hotgoods leftbar mt10">
            <h2><strong>热销排行榜</strong></h2>
            <div class="leftbar_wrap">
                <ul>
                    <li></li>
                </ul>
            </div>
        </div>
        <!--热销排行 end -->

        <!-- 最近浏览 start -->
        <div class="viewd leftbar mt10">
            <h2><a href="">清空</a><strong>最近浏览过的商品</strong></h2>
            <div class="leftbar_wrap" id="cathistory">
            </div>
        </div>
        <!-- 最近浏览 end -->
    </div>
    <!-- 左侧内容 end -->

    <!-- 列表内容 start -->
    <div class="list_bd fl ml10 mt10">
        <!-- 热卖、促销 start -->
        <div class="list_top">
            <!-- 热卖推荐 start -->
            <div class="hotsale fl">
                <h2><strong><span class="none">热卖推荐</span></strong></h2>
                <ul>
                    <li>
                        <dl>
                            <dt><a href=""><img src="images/hpG4.jpg" alt="" /></a></dt>
                            <dd class="name"><a href="">惠普G4-1332TX 14英寸笔记本电脑 （i5-2450M 2G 5</a></dd>
                            <dd class="price">特价：<strong>￥2999.00</strong></dd>
                            <dd class="buy"><span>立即抢购</span></dd>
                        </dl>
                    </li>

                    <li>
                        <dl>
                            <dt><a href=""><img src="images/list_hot3.jpg" alt="" /></a></dt>
                            <dd class="name"><a href="">ThinkPad E42014英寸笔记本电脑</a></dd>
                            <dd class="price">特价：<strong>￥4199.00</strong></dd>
                            <dd class="buy"><span>立即抢购</span></dd>
                        </dl>
                    </li>

                    <li>
                        <dl>
                            <dt><a href=""><img src="images/acer4739.jpg" alt="" /></a></dt>
                            <dd class="name"><a href="">宏碁AS4739-382G32Mnkk 14英寸笔记本电脑</a></dd>
                            <dd class="price">特价：<strong>￥2799.00</strong></dd>
                            <dd class="buy"><span>立即抢购</span></dd>
                        </dl>
                    </li>
                </ul>
            </div>
            <!-- 热卖推荐 end -->

            <!-- 促销活动 start -->
            <div class="promote fl">
                <h2><strong><span class="none">促销活动</span></strong></h2>
                <ul>
                    <li><b>.</b><a href="">DIY装机之向雷锋同志学习！</a></li>
                    <li><b>.</b><a href="">京东宏碁联合促销送好礼！</a></li>
                    <li><b>.</b><a href="">台式机笔记本三月巨惠！</a></li>
                    <li><b>.</b><a href="">富勒A53g智能人手识别鼠标</a></li>
                    <li><b>.</b><a href="">希捷硬盘白色情人节专场</a></li>
                </ul>

            </div>
            <!-- 促销活动 end -->
        </div>
        <!-- 热卖、促销 end -->

        <div style="clear:both;"></div>
        <div id="search_condition">
            当前搜索条件:
            <?php
            $brandId = I('get.brand_id');
            if($brandId):
            ?>
            <span>
                品牌：<?php echo ltrim(strstr($brandId,'-'),'-');?>
                <a  href="<?php echo filterUrl('brand_id')?>">X</a>
                </span>
            <?php endif;?>

            <?php $price =I('get.price');
                if($price):
                ?>
                <span>
                价格：{$price}
                <a  href="<?php echo filterUrl('price')?>">X</a>
                </span>
            <?php endif?>

            <?php
            //筛选属性
            foreach($_GET as $k =>$v):
            if(strpos($k,'attr_')===0):
                $_attrName = strrchr($v,'-');
                ?>
            <span>
                <?php echo ltrim($_attrName,'-')?>:<?php echo str_replace($_attrName,'',$v);?>
                <a href="<?php echo filterUrl($k);?>">X</a>
                </span>
            <?php endif;endforeach?>
        </div>
        <!-- 商品筛选 start -->
        <div class="filter mt10">
            <h2><a href="">重置筛选条件</a> <strong>商品筛选</strong></h2>
            <div class="filter_wrap">
                <?php if(!I('get.brand_id')):?>
                <dl>
                    <dt>品牌：</dt>
                    <dd class="cur"><a href="">不限</a></dd>
                    <?php foreach($searchFilter['brand'] as $k => $v):?>
                    <dd><a href="__SELF__/brand_id/<?php echo $v['brand_id'];?>-<?php echo $v['brand_name']?>">{$v.brand_name}</a></dd>
                    <?php endforeach?>
                </dl>
                <?php endif;?>

                <?php if(!I('get.price')):?>
                <dl>
                    <dt>价格：</dt>
                    <dd class="cur"><a href="">不限</a></dd>
                    <?php foreach($searchFilter['price'] as $k => $v):?>
                    <dd><a href="__SELF__/price/<?php echo $v;?>">{$v}</a></dd>
                    <?php endforeach?>
                </dl>
                <?php endif?>
                <!--筛选属性-->
                <?php foreach($searchFilter['gaData'] as $k=>$v):
                $attrUrlName='attr_'.$v[0]['attr_id'];
                if(isset($_GET[$attrUrlName]))
                continue
                ?>
                <dl>
                    <dt>{$k}：</dt>
                    <dd class="cur"><a href="">不限</a></dd>
                    <?php foreach($v as $k1=>$v1):?>
                    <dd>
                        <a href="__SELF__/<?php echo $attrUrlName;?>/<?php echo $v1['attr_value'];?>-<?php echo $k?>">
                            {$v1.attr_value}
                        </a>
                    </dd>
                    <?php endforeach?>
                </dl>
                <?php endforeach?>
            </div>
        </div>
        <!-- 商品筛选 end -->

        <div style="clear:both;"></div>

        <!-- 排序 start -->
        <?php $odby = I('get.odby','x1');?>
        <div class="sort mt10">
            <dl>
                <dt>排序：</dt>
                <dd <?php if($odby =='x1') echo 'class="cur"'?>><a href="<?php echo filterUrl('odby'); ?>/odby/x1">销量</a></dd>
                <dd <?php if(strpos($odby,'price_')===0) echo 'class="cur"'?>>
                    <a href="<?php echo filterUrl('odby')?>/odby/<?php echo $odby=='price_desc' ?'price_asc':'price_desc';?>">
                    价格
                    <?php if(strpos($odby,'price')===0): ?>
                    <?php echo $odby == 'price_desc' ? '↓':'↑'?>
                    <?php endif?>
                </a>
                </dd>
                <dd<?php if($odby =='addtime') echo 'class="cur"'?>><a href="<?php echo filterUrl('odby')?>/odby/addtime">上架时间</a></dd>
            </dl>
        </div>
        <!-- 排序 end -->

        <div style="clear:both;"></div>

        <!-- 商品列表 start-->
        <div class="goodslist mt10">
            <ul>
                <?php foreach($data as $k => $v):?>
                <li>
                    <dl>
                        <dt><a href="<?php echo U('Index/goods/?id=' .$v['id']);?>"><?php echo showImage($v['mid_logo'])?></a></dt>
                        <dd><a href="<?php echo U('Index/goods/?id=' .$v['id']);?>">{$v.goods_name}</a></dd>
                        <dd><strong>￥<?php echo $v['shop_price']?>元</strong></dd>
                        <dd>
                            <a href=""><em>已有10人评价</em></a>
                            <a href=""><em>已有<?php echo (int)$v['x1']?></em></a>
                        </dd>
                    </dl>
                </li>
                <?php endforeach; ?>
            </ul>
        </div>
        <!-- 商品列表 end-->


        <!-- 分页开始 -->

        <nav aria-label="..." style = "text-align:center">
            <ul class="pagination">
                <li>{$page}</li>
            </ul>
        </nav>
        <!-- 分页结束 -->

    </div>
    <!-- 列表内容 end -->
</div>
<!-- 列表主体 end-->
<include file="Common/help"/>
<script>

    <?php $config =C('IMAGE_CONFIG')?>
    var viewPath ='<?php echo $config['viewPath']?>';
    $.ajax({
        type: 'GET',
        url: "<?php echo U('Index/displayHistory?id='.$info['id'])?>",
        dataType: 'json',
        success:function (data) {
            var html=       "";
            $(data).each(function (k,v) {
                html +='<dl><dt><a href="<?php echo U('goods','',FALSE); ?>/id/'+v.id+'"><img src=" '+viewPath+v.mid_logo+'"/></a></dt><dd> ' +
                '<a href="<?php echo U('goods','',FALSE);?>/id/'+v.id +'">'+v.goods_name+'</a></dd></dl>';
            });
            $("#cathistory").html(html);
        }
    });

</script>